Thank you for purchasing

Thank you for purchasing Envision Theme. I hope you like it.

If you have any question or problem about the theme, please contact us by using our support center. However before getting support, please read this documentation and watch video tutorials.

Enjoy it!

Requirements

• PHP 5.2.4 or greater
• MySQL 5.0 or greater
• WordPress 3.4 or greater

Downloading from ThemeForest

Download the Envision theme package from ThemeForest and unzip it. Any good quality zip program will do. Just follow the unzip instructions of your program carefully. Some give you the option of unzipping only a portion, or all, of the files. You want to select "all". Once unzipped, you will find the following folders will be in the unzipped directory:

• envision.zip - the zip file of the theme
• envision-child.zip - the zip file of child theme
• documentation/ - theme documentation
• licensing/ - licenses for the theme
• resources/
  • sample skins/ - importable skin files
  • sample sliders/ - importable slider files
    • revolution slider/ - importable slider files for revolution slider
  • psd/ - all psd files of the theme
  • dummy data/ - importable xml files for sample datas
• tools/ - tools to help you
  • searchreplacedb.php - PHP script for searching and replacing mysql database fields smoothly
• change log/ - changelog files for the theme versions

Installation

To install this theme you must have a working version of WordPress already installed. For information in regard to installing the WordPress platform, please see the WordPress Codex - http://codex.wordpress.org/Installing_WordPress

When you are ready to install a theme, you must first upload the theme files and then activate the theme itself. The theme files can be uploaded in two ways:

• FTP Upload: Unzip the envision.zip file and using a FTP client software, upload the unzipped theme folder into the /wp-content/themes/ folder on your server.

  The folder must be like this: (/wp-content/themes/envision/)

• WordPress Upload: Navigate to Appearance › Add New Themes › Upload. Go to browse, and select the zipped theme file in the package (envision.zip). Hit “Install Now” and the theme will be uploaded and installed.

Once the theme is uploaded, you need to activate it. Go to Appearance › Themes and activate your chosen theme.

Install Sample/Dummy Content

• 1. step: Go to › Control Panel › Dahsboard (Also the importer can be found in Control Panel › System › Demo Contents tab.)
• 2. step: Select the content types which you wish to import and hit Import Demo Contents button
• 3. step: Hit Yes, I'm sure button to import contents.

1

2

Pretty permalinks structure

You should setup your permalinks to look pretty.

Go to › Settings › Permalinks, choose the Custom Structure, and use this: /%category%/%postname%/

Installing WooCommerce and Demo Products

Creating Page with the Content Composer

Export page contents

• Click Export All button.

  1

  

• Copy all generated datas.

  2

  

Import page contents

• Click Import button.

  1

  

• Paste your exported data here and click import button.

  2

  

Save / load the composer's templates

Importing Pre-Built Pages

• Click Pre-Built Pages button.
  1

  
  2

  

Using Shortcode Generator

You can see the shortcode generator button at the top of all pages of your admin panel. Just hit the Shortcode Generator button and generate your shortcode easily.

Using of the Shortcode Generator

Shortcodes and Attributes

CSS Entrance Effect

[fx effect='' delay='' start_delay='']      

Buttons

[button size='' color='' link='' target='' align='' radius='' block='' icon_position='' icon='' shadow='' title='' custom_effect='' margin_top='' margin_bottom='']Content[/button]     

Divider

[divider color='' fullwidth='' device='' margin_top='' margin_bottom='']        

[mini_divider color='' fullwidth='' device='' margin_top='' margin_bottom='']       

[dotted_divider color='' fullwidth='' device='' margin_top='' margin_bottom='']     

[dashed_divider color='' fullwidth='' device='' margin_top='' margin_bottom='']     

[fade_divider color='' fullwidth='' device='' margin_top='' margin_bottom='']       

[fade_dotted_divider color='' fullwidth='' device='' margin_top='' margin_bottom='']        

Text Block + Icon

[text_block icon='' link='' lightbox='' position='' title='' title_color='' title_position='' content_align='' tag='' effect_icon='' effect_title='' effect_text='' margin_top='' margin_bottom='']Content[/text_block]     

Icon

[icon icon='']      

Lists

[list type='' icon_color='' border='']Content[/list]        

Message Boxes

[info title='' icon='' shadow='']Content[/info]     

[success title='' icon='' shadow='']Content[/success]       

[error title='' icon='' shadow='']Content[/error]       

[caution title='' icon='' shadow='']Content[/caution]       

Blank Space

[space height='' height_tablets='' height_phones='']        

Text Rotator

[text_rotator effect='' speed='' color='' border_color='' border_style='' border_width='' block='']Content[/text_rotator]       

Custom Titles Typography

[dropcap color='' background='']Content[/dropcap]       

[highlight color='' background='']Content[/highlight]       

[highlight1 color='' background='']Content[/highlight1]     

[highlight2 color='' background='']Content[/highlight2]     

[highlight3 color='' background='']Content[/highlight3]     

[blockquote color='' background='']Content[/blockquote]     

[pullquote_left color='' background='']Content[/pullquote_left]     

[pullquote_right color='' background='']Content[/pullquote_right]       

[pre color='' background='']Content

[code color='' background='']Content[/code]     

Sharing Services

[sharrre type='' counter='' align='' margin_top='' margin_bottom='']        

Blog

[blog layout='' from='' category='' columns='' limit='' pagination='' title_element='' title_align='' excerpt_length='' show_excerpt='' meta_author='' meta_date='' meta_category='' meta_comment='' meta_likes='' image_ratio='' video_ratio='' list_style='' shadow='' margin_top='' margin_bottom='']        

Like the Post

[like_the_post likes_layout='']     

Portfolio

[portfolio orderby='' order='' layout='' from='' id_cat='' id_filter='' id_post='' id_selected='' filters='' filters_position='' filters_style='' filters_title='' columns='' limit='' height='' pagination='' title_element='' title_align='' default_icon='' default_button_text='' show_desc='' show_caption='' image_ratio='' video_ratio='' link_target='' gallery_rotate='' shadow='' margin_top='' margin_bottom='']     

Contact Form

[contact-form-7 id='']      

Gallery

[cfw_gallery device='' columns='' width='' height='' lightbox='' carousel='']Content[/cfw_gallery]      

Get Page Content

[the_content id='']     

Google Map

[gmap maptype='' height='' address='' latitude='' longitude='' zoom='' marker='' html='' shadow='' doubleclickzoom='' fullwidth='' scrollwheel='' controls='' pancontrol='' zoomcontrol='' maptypecontrol='' scalecontrol='' streetviewcontrol='' overviewmapcontrol='' stylers='' stylers_hue='' stylers_saturation='' stylers_lightness='' stylers_labels_text_color='' stylers_labels_stroke_color='' stylers_road_labels='' stylers_road_lightness='' margin_top='' margin_bottom='']       

Single Image

[image id='' class='' floating='' device='' margin_top='' margin_bottom='' margin_left='' margin_right='' src='' retina='' link='' position='' style='' alt='' title='' resize='' lightbox='' lightbox_group='' resize_width='' resize_height='' shadow='']     

Logical Condition

[condition condition='' if_false_call_page='']      

Progress Bar

[toggle percent='' value='' height='' stripe='' gradient_start='' gradient_stop='' margin_top='' margin_bottom='']Content[/toggle]      

Circle Progress Bar

[toggle percent='' size='' rotate='' bar_width='' bar_color='' track_color='' label='' margin_top='' margin_bottom='']Content[/toggle]      

Slider

[slider id='']Content[/slider]      

Social Services

[socialbar size='' align='' color='' radius='' effect='' start_color='' end_color='' hover_start_color='' hover_end_color='' border_color='' custom_effect='']Content[/socialbar]       

Testimonial

[testimonial name='' caption='' image='']Content[/testimonial]      

Toggle

[toggle title='' state='' icons='' group='' device='' margin_top='' margin_bottom='']Content[/toggle]       

Video

[video type='' url='' autoplay='' shadow='']Content[/video]     

HTML5 Video/Audio

[html5_player type='' source_m4v='' source_ogv='' source_webmv='' poster='' autoplay='' shadow='' margin_top='' margin_bottom='']       

Widgetized Areas

[widget sidebar='']     

Single Columns

[1of2]Content[/1of2]        

[1of2_last]Content[/1of2_last]      

[1of3]Content[/1of3]        

[1of3_last]Content[/1of3_last]      

[1of4]Content[/1of4]        

[1of4_last]Content[/1of4_last]      

[1of5]Content[/1of5]        

[1of5_last]Content[/1of5_last]      

[1of6]Content[/1of6]        

[1of6_last]Content[/1of6_last]      

Responsive Content

[responsive device='']Content[/responsive]      

Fullwidth Section

[section id='' class='' style_id='' device='' margin_top='' margin_bottom='' padding_top='' padding_bottom='']Content[/section]     

Boxed Content

[boxed_content id='' class='' device='' radius='' shadow='' shadow_color='' shadow_direction='' gradient_start='' gradient_stop='' bg_image='' bg_position='' bg_attachment='' border_color='' border_style='' border_width='' link='' target='' height='' color='' link_color='' link_hover_color='' margin_top='' margin_bottom='' padding_top='' padding_bottom='']Content[/boxed_content]       

Twitter Timeline

[twitter_timeline username='' style='' columns='' count='' avatars='' carousel='' effect='' auto_rotate='' rotate_time='' arrows='']        

Using of Revolution Slider Plugin

Importing demo Revolution Sliders

Creating a slider

1. To create a slider, navigate to › Slider Manager, and hit the Create button.

   
   

2. Insert a name for your new slider and select a slider type. Then hit Create button again.

   

3. Now, you will see the slider options for your new slider. Set the options and save the slider.

   

4. We can pass the next step: creating slider items.

Creating slider items

1. After our slider created, we should create some slides for our slider. For that we must go to slider items managing page. And hit Add New Item button.

   
   

2. Upload your image and set other item options and hit Create button.

   

3. After creating slider items, you can sort your slider items by drag drop method.

   

4. How to insert sliders into your pages

Insert sliders into your pages

1. To insert a slider into your pages, you should add Slider module into your pages via the content composer.

   

2. After adding the Slider module, hit to Options icon, then you will see module options.

   

3. Select the slider name that you wish to insert your pages. And save the page.

   

Importing sliders

1. Go to › Slider Manager, and hit Import button.

2. Selet one of importable slider file, and hit Import button again.

Menu Locations

This theme has 2 menu locations

• Navigation Menu - This is main navigation thats located in the header
• Footer Menu - This is located at the bottom above copyright text. This menu does not support dropdown

Creating Mega Menus

To enable mega menus, please follow these instructions:

• Go to Appearance › Menu page.
• Create a menu via wordpress' builtin menu manager.
• Set this menu for Navigation Menu location. (This is important. If you don't set your menu as Navigation Menu you cannot see the mega menu options)
• Now you can see the mega menu options in the options of menu items.

Creating Mega Menus with Custom Page Content

Theme Sidebars

The theme has 13 sidebars by default. Also, you can create your own custom sidebars under the Theme Control Panel › Global Settings › Sidebar Manager tab and can use them in your pages whatever you want.

Adding widgets into sidebars

You can add widgets into a sidebar area by the drag and drop action. Also, when you click to the widget titles, you will see the sidebar list. Just select one of them to add your widget to a sidebar.

Creating custom sidebars

To crete a custom sidebar, navigate to › Control Panel › Global Settings › Sidebar Manager

Playing with Widgets

Creating Custom Login Pages without WooCommerce

Setting Up the Side Panel

Fullwidth Sections with Parallax Effect

How to use different visual set on a page

The theme Envision supports to use different visual sets on pages.

1. First, create a visual set.

2. Go to page editing, you will see Custom Skins section at the right-top of page. Select a different skin from your primary skin here to use it on the page.

   

How to import custom icon set